// const { template } = require("../libs/art-template/template-web")

$(function () {
    // 发送请求数据
    getCategoryList()
    function getCategoryList() {
        $.get('/admin/category/list', function (res) {
            console.log(res)
            const html = template('trTpl', { list: res.data })
            $('.category_table tbody').html(html)
        })
    }

    // 给新增窗口获取点击事件
    $('#myModal .btn_opt').click(function () {
        const name = $('input[name="name"]').val().trim()
        const slug = $('input[name="slug"]').val().trim()
        // 判定不能为空
        if (!name || !slug) {
            layer.alert('分类和用户名不能为空！')
            return
        }
        $.post('/admin/category/add', { name, slug }, function (res) {
            // 输入完成关闭模态框
            $('#myModal').modal('hide')
            // 清空模态框上次输入的内容
            $('input[name="name"]').val("")
            $('input[name="slug"]').val("")
            getCategoryList()
        })
    })

    let id
    // 编辑分类绑定事件
    // 委托事件
    $('.category_table').on('click', '.edit', function () {
        // console.log('haha')
        const obj = $(this).parents('tr').data('obj')
        console.log(obj)
        $('#name').val(obj.name)
        $('#slug').val(obj.slug)
        id = obj.id
    })

    //编辑保存
    $('#editModal .btn_opt').click(function () {
        const name = $('#name').val().trim()
        const slug = $('#slug').val().trim()
        $.post('/admin/category/edit', { id, name, slug }, function () {
            $('#editModal').modal('hide')
            getCategoryList()
        })
    })

    // 删除
    $('.category_table').on('click', '.delete', function () {
        // console.log('haha')
        const { id } = $(this).parents('tr').data('obj')
        layer.confirm('确定要删除吗？', function (index) {
            $.post('/admin/category/delete', { id }, function (res) {
                // 刷新数据
                getCategoryList()
                layer.close(index)
            })
        })
    })
})